<template>
  <div class="container">
    <header>
      我是header：
      <slot name="header"></slot>
    </header>
    <main>
      我是main：
      <slot></slot>
    </main>
    <footer>
      我是footer：
      <slot name="footer"></slot>
    </footer>
  </div>
</template>

<script>
  export default {
    name: "base-layout"
  }
</script>

<style scoped>
  .container {
    line-height: 2;
  }
</style>
